<script>
  /*
   * @Author: wzh 
   * @Date: 2021-06-06 19:16:36
   * @Last Modified by: 1521620993@qq.com
   * @Last Modified time: 2021-06-06 19:16:36
   */
</script>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>仿淘宝轮播图</title>
  <link rel="stylesheet" href="index.css">
  <link rel="stylesheet" href="font/iconfont.css">
</head>
<body>
  <div class="showcase">
    <ul class="slides">
      <li class="slide"><a href=""><img src="image/5.jpg" alt="5"></a></li>
      <li class="slide"><a href=""><img src="image/1.jpg" alt="1"></a></li>
      <li class="slide"><a href=""><img src="image/2.jpg" alt="2"></a></li>
      <li class="slide"><a href=""><img src="image/3.jpg" alt="3"></a></li>
      <li class="slide"><a href=""><img src="image/4.jpg" alt="4"></a></li>
      <li class="slide"><a href=""><img src="image/5.jpg" alt="5"></a></li>
      <li class="slide"><a href=""><img src="image/1.jpg" alt="1"></a></li>
    </ul>
    <span class="iconfont icon-zuo prev"></span>
    <span class="iconfont icon-you2 next"></span>
    <ul class="spots">
      <li class="spot"></li>
      <li class="spot"></li>
      <li class="spot"></li>
      <li class="spot"></li>
      <li class="spot"></li>
    </ul>
  </div>
  <script src="index.js"></script>
</body>
</html>